.topHeader{
    width: 100%;
    height: 26px;
    background: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.topHeaderCon{
    width: 1200px;
    height: 26px;
    position: relative;
}
.topHeaderLeft{
    width: 220px;
    overflow: hidden;
    height: 26px;
    color: #999;
    position: absolute;
    left: 0;
    top: 0;
}
.topHeaderLeft p{
    float: left;
    line-height: 26px;
}
.topHeaderLeft a{
    float: left;
    color: #999;
    line-height: 26px;
}
.topHeaderLeft a:hover{
    color: #c00;
    text-decoration: underline;
}
.topHeaderLeft a:first-of-type{
    margin: 0 10px 5px;
}
.topHeaderRight{
    height: 25px;
    float: right;
}
.topHeaderRight li{
    float: left;
    width: 74px;
    height: 25px;
    text-align: center;
    line-height: 26px;
    position: relative;
}
.myjiuxian a{
    height: 26px;
    display: inline-block;
    line-height: 26px;
    color: #999;
    text-align: center;
}
.myjiuxian{
    width: 74px;
    text-align: center;
    border: 1px solid #f2f2f2;
    position: relative;
    top: -1px;
    display: block;
}
.myjiuxian s{
    width: 9px;
    display: inline-block;
    height: 8px;
    background: url(../images/public-24.png) no-repeat;
    background-position: -99px 3px;
}
.myjiuxianBox{
    display: none;
    width: 74px;
    border: 1px solid #f2f2f2;
    position: relative;
    left: -1px;
    top: -1px;
}
.myjiuxianBox a{
    display: block;
    text-align: center;
    color: #999;
    width: 72px;
    
}
.topHeaderRight a:hover{
    text-decoration: underline;
    color: #c00;
}
.topHeaderRight .jx-n1:hover .myjiuxian{
    background-color: #fff;
    border: 1px solid #ededed;
    border-bottom: 1px solid #fff;
}
.topHeaderRight .jx-n1:hover .myjiuxianBox{
    background-color: #fff;
    border: 1px solid #ededed;
    display: block;
    border-top: 1px solid #fff;
}
.topHeaderRight .jx-n1:hover .myjiuxian>s{
    transform:rotate(180deg);
}
/* 购物车 */
.jx-n2 a{
    color: #c00;
}
.jx-n2 a:hover{
    text-decoration: none;
}
.topHeaderRight .jx-n3{
    width: 82px;
}
.jx-n3 s{
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/public-24.png);
    background-position: -18px 0px;
    line-height: 12px;
    position: relative;
    top: 2px;
}
.jx-n4 a{
    color: #c00;
}
.jx-n4 s{
    width: 0;
    height: 12px;
    border-left: 1px solid #ccc;
    right: 0;
    top: 7px;
    overflow: hidden;
    position: absolute;
}
.topHeaderRight .jx-n5{
    width: 58px;
}
.jx-n5 s{
    width: 0;
    height: 12px;
    border-left: 1px solid #ccc;
    right: 0;
    top: 7px;
    overflow: hidden;
    position: absolute;
}
.jx-n6 s{
    width: 0;
    height: 12px;
    border-left: 1px solid #ccc;
    right: 0;
    top: 7px;
    overflow: hidden;
    position: absolute;
}
.topHeaderRight .jx-n6{
    width: 96px;
}
.topHeaderRight .jx-n6 a{
    background-color: #cc0001;
    height: 16px;
    color: #fff;
    padding: 0 4px;
}
.topHeaderRight .jx-n6 a:hover{
    color: #fff;
}
.topHeaderRight .jx-n6 a i{
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/public-24.png);
    background-position: -62px 1px;
    position: relative;
    top: 1px;
}
.jx-n6 div{
    width: 90px;
    height: 90px;
    text-align: center;
    position: relative;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    vertical-align: middle;
    display: table-cell;
    top: 1px;
    display: none;
}
.jx-n6 div img{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.jx-n6:hover div{
    display: table-cell;
}
/* 网站导航 */
.topHeaderRight .jx-n7{
    width: 90px;
    border:1px solid #f2f2f2;
    border-bottom: #fff;
    position: relative;
    top: -1px;
    height: 27px;
}
.jx-n7 i{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/public-24.png);
    background-position: -79px 0px;
    position: relative;
    top: 1px;
}
.jx-n7 s{
    width: 9px;
    display: inline-block;
    height: 8px;
    background: url(../images/public-24.png) no-repeat;
    background-position: -99px 3px;
}
.n7-box{
    width: 205px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 27px;
    left: -1px;
    z-index: 206;
    background: #fff;
    display: none;
    padding: 5px 0 0 0;
}
.n7-box1 a{
    height: 24px;
    text-align: left;
    width: 48px;
    margin-right: 10px;
    overflow: hidden;
    display: inline-block;
    color: #999;
}
.n7-box2{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: rgb(249,249,249);
}
.n7-box2 a{
    height: 24px;
    text-align: left;
    width: 48px;
    margin-right: 10px;
    overflow: hidden;
    display: inline-block;
    color: #999;
}
.n7-box3{
    border-bottom: 1px solid #e5e5e5;
}
.n7-box3 a{
    height: 24px;
    text-align: left;
    width: 48px;
    margin-right: 10px;
    overflow: hidden;
    display: inline-block;
    color: #999;
}

.n7-box4 {
    height: 24px;
    width: 205px;
    margin-right: 10px;
    color: #999;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    background-color:rgb(249,249,249) ;
    padding: 10px 0;
}
.n7-box4 span{
    color: #000;
    font-weight: 700;
}
.jx-n7:hover{
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-bottom: #fff;
}
.jx-n7:hover .n7-box{
    display: block;
}
/* 客户服务 */
.topHeaderRight .jx-n8{
    width: 90px;
    border:1px solid #f2f2f2;
    border-bottom: #fff;
    position: relative;
    top: -1px;
    height: 27px;
}
.jx-n8 i{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/public-24.png);
    background-position: -90px -264px;
    position: relative;
    top: 1px;
}
.jx-n8 s{
    width: 9px;
    display: inline-block;
    height: 8px;
    background: url(../images/public-24.png) no-repeat;
    background-position: -99px 3px;
}
.topHeaderRight .jx-n7:hover s{
    transform:rotate(180deg);
}
.topHeaderRight .jx-n8:hover s{
    transform:rotate(180deg);
}
.topHeaderRight .jx-n8 a,.topHeaderRight .jx-n7 a,.topHeaderRight .jx-n3 a,.topHeaderRight .jx-n5 a{
    color: #999;
}
.topHeaderRight .jx-n8 a:hover,.topHeaderRight .jx-n3 a:hover,.topHeaderRight .jx-n5 a:hover,.topHeaderRight .jx-n7 a:hover {
    color: #c00;
}
.n8-box{
    display: none;
    width: 90px;
    position: relative;
    left: -1px;
}

.n8-box a{ 
    display: block;
}
.jx-n8:hover{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}
.jx-n8:hover .n8-box{
    display: block;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #fff;
}
.topHeaderRight .jx-n9{
    width: 150px;
}
.jx-n9 span{
    color: #c00;
    font-weight: 700;
}

/* 头部广告 */
.topFocusBox{
    width: 100%;
    height: 90px;
    background: url(../images/b465d65bad2643649e7d6e216295fade.jpg)no-repeat;
    background-position: -180px 0;
}
/* 头部搜索框 */
.midHeader{
    width: 100%;
    height: 125px;
}
.midHeaderCon{
    width: 1200px;
    height: 125px;
    overflow: hidden;
  
}
.headerLogo p:first-child{
    width: 137px;
    height: 65px;
    margin: 33px 0 0 0;
    background: url(../images/left.jpg) no-repeat;
    float: left;
}
.headerLogo p:last-child{
    width: 110px;
    height: 65px;
    background: url(../images/7d48c51d53fb4dad98998b375a8236d0.gif)no-repeat;
    float: left;
    margin: 33px 0 0 0;
}
.headerSearch{
    margin: 33px 0 0px 20px;
    width: 540px;
    height: 61px;
    float: left;
}
/* 搜索 */
.searchHome{
    width: 540px;
    height: 34px;
    border: 3px solid #c00;
    text-align: center;
}
.searchHome input{
    float: left;
    width: 439px;
    height: 32px;
    border:none;
    padding: none;
    outline: none;
    margin-top: 1px;
    padding-left: 10px;
}
.searchHome button{
    float: left;
    width: 85px;
    height: 32px;
    border:none;
    padding: none;
    margin-top: 1px;
    background-color: #c00;
    color: #fff;
    font-size: 16px;
    
}

.hotWords{
    width: 540px;
    margin-top: 10px;
}
.hotWords a{
    color: #999;
    border-right: 1px solid #999;
    padding: 0 5px ;
}
.hotWords a:hover{
    color: #c00;
}
.hotWords a:last-child{
    border-right: none;
}

.headerProtect{
    float: left;
    width: 363px;height: 64px;
    background: url(../images/headerProPic1.png) no-repeat;
    margin: 33px 0 0px 20px;
}
/* 导航 */
.navWrap{
    width: 100%;
    height: 34px;
    background-color: #900;
}
.nav{
    width: 1200px;
    height: 34px;
}
.navCategoryMenu{
    width: 190px;
    float: left;
    position: relative;
    z-index: 200;
}
.navCategoryMenu h2{
    width: 190px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    font-family: 微软雅黑;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.2) 4px 2px 5px;
    background: rgb(206, 23, 31);
}
.navList{
    height: 34px;
    float: left;
}
.navList li{
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 203;
}
.navList li a{
    display: inline-block;
    height: 34px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: 微软雅黑;
    padding: 0 22px;
}
.navList li a:hover{
    background-color: rgb(180,12,16);
}
.navList li i{
    width: 29px;
    height: 17px;
    display: inline-block;
    position: absolute;
    left: 36px;
    top: -10px;
    background: url(../images/public-24.png);
    background-position: 0px -265px;
}
.navList li:nth-child(2){
    position: relative;
}
.navPromotion{
    float: right;
}
/* 全部商品分类 */
.categoryBox{
    width: 190px;
    height: 470px;
    position: absolute;
    background-color: #fff;
}
.categoryBox li{
    width: 190px;
    height: 81px;
    border-bottom: 1px solid #e5e5e5;
}
.catItemCon{
    width: 163px;
    /* height: 81px; */
    padding: 0 10px;
    border-left: 3px solid #fff;
}
.catItemCon .n1{
    width: 14px;
    height: 20px;
    display: inline-block;
    background: url(../images/public-24.png);
    background-position:-72px -257px;
    margin-right: 5px;
}
.catItemCon a{
    padding: 0px 3px;
    color: #666;
}
.catItemCon p{
    margin-top: 8px;
}
.catItemCon .n2{
    width: 14px;
    height: 20px;
    display: inline-block;
    background: url(../images/public-24.png);
    background-position:0px -98px;
    margin-right: -2px;
    position: relative;
    top: 2px;
}
.catItemCon .n3 a{
    background-color: #f90;
    border-radius: 5px;
    color: #fff;
}
.catItemCon .n3 a:last-child{
    background-color: #fff;
    color: #666;
}
.catItemCon .n4 a:nth-child(2){
    background-color: #f90;
    border-radius: 5px;
    color: #fff;
}
.catItemCon .n6{
    width: 14px;
    height: 20px;
    display: inline-block;
    background: url(../images/public-24.png);
    background-position:-14px -102px;
    margin-right: -2px;
    position: relative;
    top: 3px;
}
.catItemCon .n9{
    width: 14px;
    height: 20px;
    display: inline-block;
    background: url(../images/public-24.png);
    background-position:-37px -102px;
    margin-right: -2px;
    position: relative;
    top:5px;
}
.catItemCon .n11{
    width: 14px;
    height: 20px;
    display: inline-block;
    background: url(../images/public-24.png);
    background-position:-58px -102px;
    margin-right: -2px;
    position: relative;
    top:5px;
}
.catItemCon .n7 a:nth-child(1),.catItemCon .n7 a:nth-child(2){
    background-color: #f90;
    border-radius: 5px;
    color: #fff;
}
.catItemCon .n8 a:nth-child(1),.catItemCon .n8 a:nth-child(2){
    background-color: #f90;
    border-radius: 5px;
    color: #fff;
}
.categoryBox li:last-child{
    height: 59px;
}
/* 轮播 */
.mainBanner{
    width: 100%;
    position: relative;
    height: 470px;
    background: #f9f9f9;
    overflow: hidden;
    background-color: red;
}
.smallUl span{
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    opacity: 0.8;
    color: #fff;
}
.mainBanner img{
    margin: 0 0 0 1170px;
    width: 190px;
    height: 156px;
}
.mainBanner img:nth-child(2){
    margin: 1px 0 1px 1170px;
}
/* 主页中心区域 */
.mainWrap{
    width: 100%;
    background: #f9f9f9;
    padding: 10px 0;
    overflow: hidden;
    position: relative;
}
.mainBox{
    width: 1200px;
    position: relative;
}
/* 楼层 */
.fixDiv{
    top: 53px;
    left: 50%;
    transform: scaleY(1);
    opacity: 1;
    z-index: 10;
    margin-left: -650px;
}



/* 疯狂抢购 */
.lay-1{
    width: 100%;
    position: relative;
    height: 500px;
}
.indexTabBox{
    width: 920px;
    float: left;
    background: #fff;
    height: 499px;
}
.indexTabNav{
    width: 920px;
    overflow: hidden;
    height: 38px;
    position: relative;
}
.indexTabNav li{
    width: 182px;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-top: 2px solid #ececec;
    height: 35px;
    float: left;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #666;
    font-family: "å¾®è½¯é›…é»‘";
    background: #f9f9f9;
}
.indexTabConWrap{
    border: 1px solid #ececec;
    border-top: none;
    height: 460px;
    overflow: hidden;
    position: relative;
}
.indexTabCon{
    width: 910px;
    height: 442px;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
    position: absolute;
    display: none;
}
.indexTabCon li{
    float: left;
}
.indexTabCon a:hover{
    color: #CD0100;
    text-decoration: underline;
}
.indexTabCon p,.indexTabCon div{
    color: #CD0100;
    padding: 0 6px;
}
.indexTabCon img{
    margin-top: 20px;
    padding: 0 11px;
}
.indexTabCon.selected{
    display: block;
}
.indexTabNav .active{
    border-top: 2px solid #cc0000;
    border-bottom: 1px solid #fff;
    height: 35px;
    color: #cc0000;
    line-height: 35px;
    background: #fff;
}

/* 右边 */
.indexTabRight{
    width: 270px;
    float: right;
    height: 500px;
}
.indexTabNew{
    width: 270px;
    height: 140px;
    background: #fff;
    overflow: hidden;
}
.indexTabNewNav{
    height: 35px;
    position: relative;
}
.indexTabNewNav li{
    font-size: 16px;
    color: #666;
    text-align: center;
    width: 133px;
    height: 35px;
    float: left;
    border: 1px solid #ececec;
    line-height: 35px;
    cursor: pointer;
    background: #f9f9f9;
}
.indexTabNewCon{
    border: 1px solid #ececec;
    border-top: none;
    height: 94px;
    padding-top: 10px;
    position: absolute;
    display: none;
}
.indexTabNewCon.selected{
    display: block;
}
.indexTabNewNav .active{
    border-top: 2px solid #c41921;
    border-bottom: 1px solid #fff;
    height: 34px;
    color: #cc0000;
    line-height: 33px;
    background: #fff;
}
.indexTabNewCon li{
    float: left;
    width: 114px;
    margin-left: 10px;
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 28px;
}
.indexTabNewCon li a{
    color:#666;
}
.indexTabNewCon li a:hover{
    color:#ff7700;
    text-decoration: underline;
}
/* 小轮播图 */
.indexTuanList{
    width: 268px;
    height: 157px;
    border: 1px solid #ececec;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top:19px;
}
.mainWrap .indexTabRight .btnBg {
    position: relative;
    top: -25px;
    left: -90px;
}
.mainWrap .indexTabRight .btnBg span{
    width: 12px;
    height: 12px;
    color: #666;
}
.mainWrap .indexTabRight .btnBg .swiper-pagination-bullet-active{
    background-color: #6d81ae;
}